@charset "utf-8";
/* CSS Document */

*{ font-size:18px; margin:0 auto;}
div{overflow:hidden;}
ul{ list-style:none; padding:0px;}
a{ color:#000; text-decoration:none;}
ol{ list-style:none;}
.header{ background:url(../images/01.jpg); background-size:cover; width:100%; padding-top:1%;}
.header>div:first-child{max-width:1400px;}
.header>div>div:first-child{width:37%; float:left; padding-right:1%; border-right:1px dashed #ccc;}
.header>div>div img{max-width:100%; float:left;}
.header>div>div:first-child+div{width:28%; margin-left:2%; float:left; padding:1% 0; line-height:30px;}
.header>div>div:first-child+div>p{ color:#1d61b9;}
.header>div>div:first-child+div>p+p{ color:#333;}

.header>div>div:nth-child(3){width:10%; float:left;}
.header>div>div:nth-child(3)>p{ width:100%; float:left; font-size:22px; color:#108c1d;}
.header>div>div:nth-child(4){width:20%; float:left;}
.header>div>div:nth-child(4) span{float:left; font-size:14px; line-height:34px; margin:0 1%; color:#666;}
.header>div>div:nth-child(4)>div+div{ text-align:left; color:#333; font-size:14px;  margin-top:4%; float:left; width:100%}
.header>div>div:nth-child(4)>div+div a{color:#333; font-size:14px; }
.header>div>div:nth-child(4)>div+div>img{ float:none; margin-right:2%;width:25px;}
.header>div>div:nth-child(4) p{ font-size:14px; color: #333; text-align:left;}
#mobile{ display:none; max-width:1400px;}
#mobile>div{width:75%; border:0px;}
#mobile>div+div{width:20%; float:right; text-align:center;}
#mobile img{max-width:100%; float:left;}
.dh{ background:none; border:1px solid #999; padding: 5% 15%; font-size:36px;}

nav{ width:100%; background:url(../images/05.jpg) repeat-x; float:left;}
nav>ul{ max-width:1400px;}
nav>ul>li{ float:left; width:11%; position:relative;} 
nav>ul>li>a{ width:100%; padding-top:5%; text-align: center; color:#fff; float:left; line-height:66px; height:66px;}
nav>ul>li:hover{ background:url(../images/02.png) no-repeat bottom center; background-size:100% 90%;}
#nav_select{background:url(../images/02.png) no-repeat bottom center;background-size:100% 90%;}

nav li ol{ position:absolute;padding:0px; width:130%; left:-15% ;top:100%; height:0px; overflow:hidden; z-index:5; text-align:center;}
nav li ol li{ width:90%; overflow:hidden;}
nav li ol li>a{ color:#fff; background:rgba(133,194,38,0.90); border-top:1px solid #fff; font-size:14px; width:100%; float:left; line-height:36px;}
nav li ol li>a:hover{ background:rgba(48,170,243,1.00);}

.banner{ position:relative; min-height:590px;}
.banner ul{ position:absolute;}
.banner ul li{ float:left;}
.banner ol{ bottom:2%; width:100%; display:none; position:absolute;}
.banner ol li{ background:#82bf22; cursor:pointer; border:2px solid #31a4e9; float:left; margin-left:1%;border-radius:50%;}
.banner ol li:hover{ border:2px solid #82bf22;} 
.lef_rig{ position:absolute; top:45%; width:100%; height:186px; z-index:5; display:none;}
.lef_rig span:first-child{ opacity:0.7; cursor:pointer; float:left; background:url(../images/left_right.png) top; width:50px; height:55px; margin-left:2%;}
.lef_rig span:first-child+span{ opacity:0.7; cursor:pointer; float:right; background:url(../images/left_right.png) bottom; width:50px; height:55px; margin-right:2%;}
#dot{border:2px solid #82bf22;}

.text{ position:absolute;z-index:2; top:10%; width:80%; left:10%;}
.text>img{ max-width:100%;}





.Pro{ width:100%; background:url(../images/wenti1.jpg) repeat-y center;  padding:3% 0;}
.Pro>div:first-child{ max-width:1400px;}
.Pro_L{width:22%;border-radius:8px; float:left}
.Pro_L>div:first-child{ border:2px solid #31a4e9;}
.Pro_L>div:first-child>div{width:90%; background:url(../images/06.jpg) no-repeat; color:#fff; background-size: cover; padding:0 5%;line-height:70px; }
.Pro_L>div:first-child>div>span:first-child{ font-size:24px; height:70px;width:55%; float:left;}
.Pro_L>div:first-child>div>span+span{ width:45%; float:left;}
.Pro_L ul{width:90%; margin:0 5%; display:block; padding-bottom:10%;}
.Pro_L li{ margin-top:6%;width:100%; display:block; background:url(../images/fl_bg.png) no-repeat; background-size:contain; line-height:50px; height:50px;}


/*.Pro_L>div>ul>li>a>img{ margin:5%; float:left; max-width:100%;}
*/

.Pro_L a{ color:#fff; background:url(../images/24.png) no-repeat; background-position:5% 50%; padding-left:15%; float:left; width:85%;}
.Pro_L li:hover{ background:url(../images/fl_bg1.png) no-repeat;}
#fl_select{background:url(../images/fl_bg1.png) no-repeat;}
#fl_select a{ background:url(../images/09.png) no-repeat; background-position:5% 50%; padding-left:15%;}
.Pro_L a:hover{ background:url(../images/09.png) no-repeat; background-position:5% 50%; padding-left:15%;}
.Pro_tel{ background:url(../images/10.jpg) left bottom; background-size:cover; padding:5%; color:#fff;}
.Pro_tel p{ font-size:14px;}
.Pro_tel>div{ width:100%;float:left; margin-top:2%;}
.Pro_tel>div>span:first-child{ width:15%; float:left; text-align:center;}
.Pro_tel>div>span:first-child+span{ width:85%; float:left; }
.Pro_tel>div:first-child+div img{padding-top:15%;}
.Pro_tel div span{ line-height:24px;}
.add>span+span>div>p:first-child{ width:35%; float:left;}
.add>span+span>div>p:first-child+p{ width:65%; float:left;}
.add div:first-child{ margin-bottom:5%;}



.Pro_R{width:73%; margin-left:4%; float:left;}
.Pro_R>div:first-child{ margin-bottom:2%;border-bottom:2px solid #31a4e9;}
.Pro_R>div>span:first-child{float:left; background:#31a4e9; text-align:center;display:block; width:15%; color:#fff; border-radius:8px 8px 0px 0px ;}
.Pro_R>div>span:nth-child(2){ float:right; font-size:16px;}
.Pro_R>div>span:nth-child(2)>a{font-size:16px;}
.Pro_R>div>span:first-child>p{ background:url(../images/14.png) no-repeat 5% center; text-align:center; padding-left:22px; line-height:36px; width:80%;}
.Pro_R>div>span>img{ max-width:100%;}
.Pro_R>div+ul{ float:left; width:100%;}
.Pro_R>div+ul>li{ width:32%; margin: 1% 0 0 0; float:left;}
.Pro_R>div+ul>li:nth-child(2){ margin: 1% 1.9% 0 1.9%;}
.Pro_R>div+ul>li:nth-child(5){ margin: 1% 1.9% 0 1.9%;}
.Pro_R>div+ul>li:nth-child(8){ margin: 1% 1.9% 0 1.9%;}

.Pro_R>div+ul>li>a>div:first-child{ background:#fff; padding:2%; height:240px; text-align:center;}
.Pro_R>div+ul>li>a>div:first-child>img{ max-width:100%; height:100%;}
.Pro_R>div+ul>li>a>div+div{ text-align:center; line-height:60px; height:60px;}
.Pro_R>div+ul>li>a>div:first-child+div>img{ margin-right:2%; text-align:center; line-height:40px;}
.Pro_R>div hr{ margin-top:1%; }


.line{ width:100%; background:#82bf22; margin: 1% 0; height:4px;}


.news{ background:url(../images/wenti.jpg) repeat-y center; padding:2% 0;}
.news>div{ max-width:1400px;}
.news>div>div{ width:25%; float:left;margin-left:1.5%; }
.news>div>div:first-child{ width:20%; margin-left:0px;}
.news>div>div:nth-child(2){margin-left:1.5%;}
.news>div>div>div:first-child>span>a{ font-size:18px;}


.firm>div:first-child{ background:url(../images/16.jpg); padding:0 3%; line-height:50px;}
.firm>div span:first-child{ color:#fff;  background:url(../images/03.png) no-repeat 0 50%; padding-left:10%; float:left;}
.firm>div:first-child a{float:right; color:#fff; font-size:12px;}

.firm>div:nth-child(2){ width:94%; min-height:275px; padding:3%; background:#fff;}
.firm>div:nth-child(2) img{max-width:100%;}
.firm>div:nth-child(2) a{ width:100%; color:#82bf22;font-size:14px;}
.firm>div:nth-child(2) span{ width:100%; font-size:14px; line-height:25px;}


.intro>div:first-child{ background:url(../images/16.jpg); padding:0 3%; line-height:50px;}
.intro>div span:first-child{ color:#fff;  background:url(../images/04.png) no-repeat 0 50%; padding-left:10%;float:left;}
.intro>div:first-child a{float:right; color:#fff; font-size:12px;}

.intro ul{ width:94%; min-height:270px; padding:3%; background:#fff;}
.intro li{ width:100%; margin-top:18px; float:left;}
.intro li img{width:100%; height:64px;}
.intro li span:first-child{ text-align:center; width:30%; float:left;}
.intro li span+span{ width:65%; float:left; padding-left:2%;}
.intro li span p:first-child{ font-size:14px; line-height:24px;}
.intro li span p:first-child+p{ font-size:12px; line-height:20px;}
#trade{ background:url(../images/05.png) no-repeat left center; padding-left:7%;float:left;}


.agro>div:first-child{ background:url(../images/16.jpg); padding:0 3%; line-height:50px;}
.agro>div span:first-child{ color:#fff;  background:url(../images/07.png) no-repeat 0 50%; padding-left:10%;float:left;}
.agro>div:first-child a{float:right; color:#fff; font-size:12px;}

.agro ul{ width:94%; min-height:270px; padding: 3%; background:#fff;}
.agro li{ width:100%; float:left;  margin-top:4%; padding-bottom:4%; border-bottom:1px  dashed #ccc;}
.agro li img{width:100%; height:100%;}
.agro li span:first-child{ text-align:center; margin-top:3.5%; width:5%; float:left;}
.agro li span+span{ width:90%; float:left; padding:4% 0 4% 2%;}
.agro li span p:first-child{ font-size:14px; font-size:14px; color:#363636;}
.agro li span p:first-child+p{ font-size:12px; color:#545454; margin-top:3%; line-height:20px;}

.footer_t{ background:url(../images/wenti.jpg) repeat-y center; padding:18px 0;}
.footer_t>div{max-width:1400px;text-align:center;}
.footer_t>div>div:first-child{ padding-left:2%;width:6%; float:left; background:url(../images/15.png) no-repeat;  color:#0273f9; line-height:30px;}
.footer_t>div>div+div{ width:92%; float:left; line-height:24px;}
.footer_t>div>div+div a{ font-size:14px; text-align:center; padding: 0 1%; color:#666;float:left; display:block;}

.footer_b{ background:url(../images/19.jpg) no-repeat center center; background-size:cover; padding:2%;}
.footer_b>div{ max-width:1400px;}
.footer_b>div>div:first-child{ width:18%;color:#fff; float:left; margin-top:1%;}
.footer_b>div>div>span:first-child{font-size:36px; width:100%; display:block; text-align:center; }
.footer_b>div>div>span:first-child>img{-webkit-filter: drop-shadow(0 0 1px #fff) drop-shadow(0 0 1px #fff) drop-shadow(0 0 1px #000);}
.footer_b>div>div>p{text-align:center; padding-bottom:5%;}
.footer_b>div>div>p>span{font-size:36px; text-align:center; padding-bottom:5%; border-bottom:1px solid #fff;}
.footer_b>div>div>span:nth-child(2){ font-size:16px; width:100%; float:left; text-align: center; margin-top:5%;}
.footer_b>div>div:first-child>span:last-child{ width:100%; line-height:36px; float:left; text-align:center;}

.tel{ padding: 0 3%; width:45%; float:left; border-left:1px solid #fff; border-right:1px solid #fff;}
.tel>div span{ width:7%; margin-top:1%; float:left; color:#fff; font-size:15px;}
.tel>div span+span{ margin-top:2%; width:93%; float:left;}
.tel>div:first-child+div div>span:first-child{ width:11.1%; margin-top:2%;}
.tel>div:first-child+div div>span:first-child+span{ width:80%;}
.tel>div span:first-child>img{ max-width:100%;}



.code{ width:30%; text-align:center;}
.code>div{ width:40%; float:left; margin-left:8%;}
.code img{ max-width:100%; padding-top:5%;}
.code p{  font-size:14px; color:#fff;}

/*返回顶部*/
.top{ width:50px; height:50px; line-height:50px;background:rgba(49,164,233,0.80); position:fixed; bottom:10%; color:#fff; text-align:center; cursor:pointer; display:none;font-weight:bold; font-size:30px; right:1%;  z-index:300;}
.top:hover{background:rgba(49,164,233,1.00);}


/*简介内页*/
.page_firm>p{ width:98%; padding:0 1%; float:left; line-height:32px; color:#333; font-size:16px;}
.page_firm>p:first-child>span{ float:left; width:30%;}
.page_firm>p:first-child>span>img{max-width:100%;}
.page_firm>p:first-child>span+span{ float:left; color:#000; padding-top:5%; width:70%; font-size:30px;}
.firm_tel{ width:100%; float:left; margin-top:5%;}
.firm_tel>div:first-child{ width:70%; float:left;}
.firm_tel>div:first-child+div{ width:49%; float:left; margin-top:17%;}
.firm_tel>div:first-child+div>img{ max-width:100%;}
.firm_tel>div:first-child>div{margin-top:3%; max-width:100%;}

.firm_tel p{ color:#333;width:100%; float:left;}
.firm_tel div span:first-child{ width:15%; text-align:center;float:left;}
.firm_tel div span+span{ width:80%; text-align:left;float:left;}
.firm_tel div span+span>p>span:first-child{ width:20%; text-align:left;float:left; line-height:45px;}
.firm_tel div span+span>p>span:first-child+span{ width:80%; text-align:left;float:left; line-height:45px;}

.firm_tel div:last-child span+span>p>span:first-child{ width:25%; text-align:left;float:left;}
.firm_tel div span+span>p>span:first-child+span{ width:75%; text-align:left;float:left;}


/*新闻内页*/
.page_news{ width:96%;}
.page_news p{ font-size:16px; color:#333; line-height:32px;}
.page_news p img{ display:block; padding:15px 0px; max-width:100%;}
.page_news>p:first-child{ text-align:center; font-size:20px; line-height:46px; margin-top:2%;}
.page_news>p:first-child+p{ text-align:center; font-size:12px; color: #999; border:1px solid #82bf22; border-left:none; border-right:none;margin-bottom: 10px;}
.page_news div>span:first-child{ float:left; width:40%; text-align:left; font-size:14px; color:#666; line-height:35px;}
.page_news div>span a{ font-size:14px; color:#666;}
.page_news div>span:first-child+span{ float:right; width:40%; text-align:right; font-size:14px; color:#666;line-height:35px;}



/*产品内页*/
.page_pro_inside{ width:100%;}
.page_pro_inside>div>span:first-child{float:right; border-left:3px solid #82bf22;height:50px; width:95.7%;}
.page_pro_inside>div>span:nth-child(2){float:left;background:#82bf22;box-shadow: 0px 4px #fff,0px 9px #31a4e9; color:#fff; border-radius:0px 25px 25px 0px; width:35%; line-height:35px; text-align:left; padding-left:4%;}
#shu{ background:url(../images/25.jpg) no-repeat top left; width:96%;float:right; margin-top:0.5%;}

.page_pro_inside>div>div>div:first-child{ width:97%; float:right;}
.page_pro_inside>div>div>div>div{ width:100%;}
#ts>span{ box-shadow: 0px 3px #31a4e9; float:left; margin:2% 0;}

.page_pro_inside div div{ font-size:14px; width:100%; float:left; color:#333; line-height:32px;}
#ts{ width:100%; background:none; padding-left:0px;}
#cs{ width:100%;}
#cs>div:nth-child(odd){ background:url(../images/23.png) no-repeat left center; text-align:right; width:10%; float:left;}
#cs>div:nth-child(even){ width:85%; float:left;}
.page_pro_inside p{ float:left; width:100%; font-size:14px;}
.page_pro_inside p strong{ font-size:14px;}
.page_pro_inside p img{ max-width:100% !important;}


.page_pro_inside table{ background: #000; width:100%;}
.page_pro_inside td{background:#ededed; text-align:center;font-size:14px; line-height:36px;}

.page_pro_inside>div>div>div>div:last-child{ width:100%;}
.page_pro_inside>div>div>div>div:last-child>div{ float:left;width:49%; margin-top:3%;}
.page_pro_inside>div>div>div>div:last-child>div:first-child{ margin-right:2%;}
.page_pro_inside>div>div>div>div:last-child>div>img{width:100%; float:left; height:325px;}
/*新闻页面*/
.Pro_news{ width:100%; float:left;}
.Pro_news li{ width:100%; background: #fff; margin:2% 0; float:left; padding:1.8%;}
.Pro_news li>span{ width:30%; float:left;}
.Pro_news li>span img{width:100%; height:205px; }
.Pro_news li>span+span{ width:63%; float:left; margin-left:3%;}
.Pro_news li>span+span p{ width:100%; float:left; color:#333;}
.Pro_news li>span+span p+p{ font-size:16px; color:#666; line-height:28px; margin-top:2%;}
.Pro_news li>span+span p a{ width:20%; font-size:14px; background:#82bf22; color:#fff; float:left; text-align:center; border-radius:20px;}
.Pro_news li>span+span p time{ float:right; color: #999; font-size:14px;}


/*联系我们*/
.page_tel{ width:100%;}
.page_tel>div:first-child{ width:95%; float:right; border-left:3px solid #82bf22; min-height:43px;}
.page_tel>div:nth-child(2){ padding:0 6%; line-height:35px; color:#fff; float:left; background:#82bf22; margin-bottom:0.5%; border-radius:0px 25px 25px 0px; box-shadow: 0px 4px #fff,0px 9px #31a4e9;}
.page_tel>div:nth-child(3){ width:95%; float:right; background:url(../images/25.jpg) no-repeat top left;}
.page_tel>div:nth-child(3)>div:first-child{ width:95%; float:left; margin:5% 0 0 5%;}
.page_tel>div:nth-child(3)>div>div:first-child{ width:70%; float:left;}
.page_tel>div:nth-child(3)>div>div>div>div>span:first-child{ width:15%; float:left; text-align:center;}
.page_tel>div:nth-child(3)>div>div>div>div>span img{ max-width:100%;}
.page_tel>div:nth-child(3)>div>div>div>div>span:nth-child(even){ width:85%;float:left; text-align:left; line-height:36px;}
.page_tel>div:nth-child(3)>div>div>div>div>span>span:nth-child(odd){ width:20%;float:left; text-align:right;}
.page_tel>div:nth-child(3)>div>div>div>div>span>span:nth-child(even){ width:80%;float:left; text-align:left;}
.page_tel>div:nth-child(3)>div>div>div>div:last-child>span>span:nth-child(odd){ width:25%;float:left; text-align:right;}
.page_tel>div:nth-child(3)>div>div>div>div:last-child>span>span:nth-child(even){ width:75%;float:left; text-align:left;}


.page_tel>div:nth-child(3)>div:last-child{ width:100%; float:left; margin:5% 0 0 5%;}
.page_tel>div:nth-child(3)>div:last-child img{ max-width:100%;}
.amap-markers{ overflow:visible;}
.amap-overlays{ overflow:visible;}
.amap-info{ overflow:visible;}